<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>携程在手，说走就走</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/normalize.css" />
    <script src="./js/flexible.js"></script>

  </head>
  <body>
    <div class="header">
      <div class="search">
        <i class="search-icon"></i>
        <input type="text" placeholder="搜索:目的地/酒店/景点/航班号" />
      </div>
      <a href="">
        <i class="user-icon"></i>
        <span>我的</span>
      </a>
    </div>
    <div class="focus">
      <img src="./upload/focus.jpg" alt="" />
    </div>
    <ul class="local-nav">
      <li>
        <a href="">
          <i class="local-nav-icon icon1"></i>
          <span>攻略·景点</span>
        </a>
      </li>
      <li>
        <a href="">
          <i class="local-nav-icon icon2"></i>
          <span>门票·玩乐</span>
        </a>
      </li>
      <li>
        <a href="">
          <i class="local-nav-icon icon3"></i>
          <span>环球游</span>
        </a>
      </li>
      <li>
        <a href="">
          <i class="local-nav-icon icon4"></i>
          <span>景点·玩乐</span>
        </a>
      </li>
      <li>
        <a href="">
          <i class="local-nav-icon icon5"></i>
          <span>周边游</span>
        </a>
      </li>
    </ul>
    <div class="nav">
      <div class="nav-common">
        <div class="nav-item item-flex1">
          <a href="">酒店</a>
          <i class="hotel"></i>
        </div>
        <div class="nav-item">
          <a href=""> 名宿·客栈</a>
        </div>
        <div class="nav-item item-flex2">
          <a href="">机票/火车票+酒店</a>
        </div>
      </div>
      <div class="nav-common">
        <div class="nav-item item-flex1">
          <a href="">机票</a>
          <i class="airplane"></i>
        </div>
        <div class="nav-item">
          <a href="">火车票</a>
        </div>
        <div class="nav-item item-flex2">
          <a href=""> 汽车·船票</a>
          <a href="">打车·租车</a>
        </div>
      </div>
      <div class="nav-common">
        <div class="nav-item item-flex1">
          <a href=""> 旅游</a>
          <i class="travel"></i>
        </div>
        <div class="nav-item">
          <a href="">高铁游</a>
        </div>
        <div class="nav-item item-flex2">
          <a href=""> 邮轮游</a>
          <a href=""> 定制游</a>
        </div>
      </div>
    </div>
    <ul class="subnav-entry">
      <li>
        <a href="">
          <span class="subnav-icon"></span>
          <span>WiFi电话卡</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon2"></span>
          <span>保险·签证</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon3"></span>
          <span>换外币·购</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon4"></span>
          <span>当地向导</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon5"></span>
          <span>礼品卡</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon6"></span>
          <span>自由行</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon7"></span>
          <span>特价旅游</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon8"></span>
          <span>申卡·借钱</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon9"></span>
          <span>加盟合作</span>
        </a>
      </li>
      <li>
        <a href="">
          <span class="subnav-icon subIcon10"></span>
          <span>更多</span>
        </a>
      </li>
    </ul>
    <div class="sales-box">
      <div class="sales-hd">
        <i class="hot"></i>
        <a href="">获取更多福利</a>
      </div>
      <div class="sales-bd">
        <div class="row">
          <a href="">
            <img src="./upload/pic1.jpg" alt="" />
          </a>
          <a href="">
              <img src="./upload/pic2.jpg" alt="" />
          </a>
        </div>
        <div class="row">
          <a href="">
              <img src="./upload/pic3.jpg" alt="" />
          </a>
          <a href="">
              <img src="./upload/pic5.jpg" alt="" />
          </a>
        </div>
        <div class="row">
          <a href="">
              <img src="./upload/pic5.jpg" alt="" />
          </a>
          <a href="">
              <img src="./upload/pic6.jpg" alt="" />
          </a>
        </div>
      </div>
    </div>
  </body>
</html>
